<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
    <title>
        <ui:insert name="title">
            <h:outputText value=":: TITLE ::" image=" " />
            
        </ui:insert>
                       
    </title>
    <style type="text/css">
      body {
      	background-image: url("img/fondoCTP.jpg");
      	background-repeat:no-repeat;
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }

      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
    </style>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
    <link href="#{request.contextPath}/css/bootstrap.min.css" rel="stylesheet" media="screen"></link>
    <link href="#{request.contextPath}/css/bootstrap.mindos.css" rel="stylesheet" media="screen"></link>
    <link href="#{request.contextPath}/css/datepicker.css" rel="stylesheet" media="screen"></link>
    
</head>
<body>


    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
        </div><!--/span-->
        <div class="span9">
          <div class="hero-unit">
            <ui:insert name="content"/>
          </div>
        </div><!--/span-->
      </div><!--/row-->

      <hr/>

     </div><!--/.fluid-container-->
    
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="#{request.contextPath}/js/bootstrap.min.js"></script>
    <script src="#{request.contextPath}/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript"> $('.datepicker').datepicker();</script>
    
    <script src="#{request.contextPath}/js/jquery-1.10.2.min.js"></script>
    <script src="#{request.contextPath}/js/jquery.maskedinput.js"></script>
    <script src="#{request.contextPath}/js/validaciones.js" charset="ISO-8859-1"></script>

 <!-- JAVASCRIPT PARA ENMASCARAR CARNET, DUI Y NIT -->
 <!-- Es un problema bien conocido integrar JSF y jQuery – los dos puntos “:” estan reservados 
 para un selector de jQuery. Para usar el selector jQuery para obtener el id en JSF,
 necesitas “escapar” los dos puntos poniendo dos barras invertidas en frente de este: -->
 
	
<!-- FIN DEL ENMASCARAMIENTO NIT Y DUI -->	
    
    
</body>
</html>
